<%@ page language="java" contentType="text/html; charset=utf8"
	pageEncoding="utf8"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<title><spring:message code="label.header.registration" /></title>
<link rel="stylesheet" href="<c:url value = "resources/css/style.css"/>" type="text/css" media="screen, projection" />
<link href="<c:url value = "resources/js/jquery-ui-1.8.20.custom.css"/>" rel="stylesheet" type="text/css"/>
</head>
<body>
	<div align="center" class="layout">
		<div class="header">
			<img src="resources/images/immunologyHeader.png" alt="Immunology" />
		</div>
		<div class="main">
			<div class="loginAndRegisterBox">
				<h2>
					<spring:message code="label.header.registration" />
				</h2>
				<div class="block">
					<c:if test="${error_register !=null}">
						<div class="errorBlock">${error_register}</div>
					</c:if>
					<form method="POST" commandName="user" action="registration"
							   onsubmit="return validateRequiredFields($('form'));">
						<table width="100%">
							<tr height="40px" align="right">
								<td class="boldText"><spring:message code="label.login" /></td>
								<td><input type="text" class="required" style="width: 200px" name="login" /></td>
								<td class="requiredField">*</td>
							</tr>
							<tr height="40px" align="right">
								<td class="boldText"><spring:message code="label.password" /></td>
								<td><input type="password" class="required" style="width: 200px" name="password" /></td>
								<td class="requiredField">*</td>
							</tr>
							<tr height="40px" align="right">
								<td class="boldText"><spring:message code="label.lastName" /></td>
								<td><input type="text" class="required" style="width: 200px" name="lastName" /></td>
								<td class="requiredField">*</td>
							</tr>
							<tr height="40px" align="right">
								<td class="boldText"><spring:message code="label.firstName" /></td>
								<td><input type="text" class="required" style="width: 200px" name="firstName" /></td>
								<td class="requiredField">*</td>
							</tr>
							<tr height="40px" align="right">
								<td class="boldText"><spring:message code="label.middleName" /></td>
								<td><input type="text" class="required" style="width: 200px" name="middleName" /></td>
								<td class="requiredField">*</td>
							</tr>
							<tr height="40px" align="right">
								<td class="boldText"><spring:message code="label.post" /></td>
								<td><input type="text" class="required" style="width: 200px" name="post" /></td>
								<td class="requiredField">*</td>
							</tr>
							<tr height="50px">
								<td colspan="3" align="center" class="buttonsPanel">
									<input type="submit" value=<spring:message code="button.text.registration"/> />
									<input type="reset" value=<spring:message code="button.text.reset"/> />
								</td>
							</tr>
						</table>
					</form>
				</div>
			</div>
		</div>
		<div class="footer">
			<spring:message code="label.footer" />
		</div>
		<div id="dialog" title="<spring:message code="label.header.attention"/>">
			<p><spring:message code="alert.required.fields.message"/></p>
		</div>
	</div>
	<script type="text/javascript" src="resources/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="resources/js/jquery-ui-1.8.20.custom.min.js"></script>
	<script type="text/javascript" src="resources/js/scripts.js"></script>
</body>
</html>